<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" charset="utf-8">
		<title>分类1</title>
		<link rel="stylesheet" href="css/text2.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/text.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="entirety">
			<h3 class="biaoti">商品分类</h3>  
			<div class="zleft" style="">
				<p class="one1" style="border-bottom: 1px gainsboro solid; ">上衣</p>
				<p class="one2" style="border-bottom: 1px gainsboro solid;">裤子</p>
				<p class="one3" style="border-bottom: 1px gainsboro solid;">裙子</p>
				<p class="one4">套装</p>
			</div>    
			<div class="">
				<!--上衣-->
				<div class="zright" style="display: none;">
					<h3><a class="ui-link3" href="#" style="width: 100%;">T恤</a></h3>
					<div class="ss" style="width: 100%;margin-left: 5%; ">
						<div class="col-xs-3" style="width:100%;">
							<a class="ui-link4">打底背心</a>
						</div>
						<div class="col-xs-3" style="width: 100%;">
							<a class="ui-link4">打底背心</a>
						</div>
						<div class="col-xs-3" style="width: 100%;">
							<a class="ui-link4">打底背心</a>
						</div>
						<div class="col-xs-3" style="width: 100%;">
							<a class="ui-link4">打底背心</a>
						</div>
					</div>
				</div>
				<!--裙子-->
				<div class="zright3" style="display: none;">
					<h3><a class="ui-link3" href="#">裙子</a></h3>
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
					<br />
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
				</div>
				<div class="zright2" style="display: none;">
					<h3><a class="ui-link3" href="#">裤子</a></h3>
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
					<br />
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
				</div>
				<!--套装-->
				<div class="zright4" style="display: none;">
					<h3><a class="ui-link3" href="#">套装</a></h3>
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
					<br />
					<div class="zz">
						<a class="ui-link4" href="#">打底背心</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">衬衫</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
						<a style="border-right: 1px black solid;"></a>
						<a class="ui-link4" href="#">防晒衣</a>
					</div>
				</div>
			</div>
	</body>

</html>